:root {
    --leftWidth: 818px
}

.box {
    width: 1200px;
    margin: auto
}

@media (max-width:1280px) {
    .box {
        margin: 0;
        width: 100%;
        padding: 0 30px
    }
}

@media (max-width:768px) {
    .box {
        padding: 0 10px
    }
}

@media (max-width:320px) {
    .box {
        padding: 0 12px
    }
}

a:hover {
    opacity: .8
}

.all-title {
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    color: rgba(0, 0, 0, 0.85)
}

@media (max-width:1280px) {
    .all-title {
        font-size: 28px
    }
}

.contcent_zyys {
    width: 100%;
    position: relative;
    overflow: hidden;
 
}

.contcent_zyys .tab-section_zyys {
    position: relative;
    z-index: 1
}

.contcent_zyys .tab-section_zyys .tab-section_zyys-title {
    padding: 110px 0
}

@media (max-width:1280px) {
    .contcent_zyys .tab-section_zyys .tab-section_zyys-title {
        padding: 120px 0
    }
}

@media (max-width:768px) {
    .contcent_zyys .tab-section_zyys .tab-section_zyys-title {
        padding: 72px 0 92px
    }
}

.contcent_zyys .tab-section_zyys .gird-box_zyys {
    padding: 0 0 210px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media (max-width:1280px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys {
        padding-bottom: 150px
    }
}

@media (max-width:768px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys {
        flex-direction: column;
        padding: 0
    }
}

.contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1
}

.contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys:nth-child(2) {
    margin: 0 138px
}

@media (max-width:1280px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys:nth-child(2) {
        margin: 0 92px
    }
}

@media (max-width:768px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys:nth-child(2) {
        margin: 0 0 80px
    }
}

@media (max-width:768px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys {
        margin: 0 0 80px
    }
}

.contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys img {
    width: 100px;
    height: 100px;
    margin-bottom: 12px
}

@media (max-width:1280px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys img {
        width: 80px;
        height: 80px
    }
}

@media (max-width:768px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys img {
        margin-bottom: 21px
    }
}

.contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys .gird-cell_zyys-title_zyys {
    font-weight: bold;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 8px
}

@media (max-width:1280px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys .gird-cell_zyys-title_zyys {
        font-size: 20px
    }
}

.contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys .gird-cell_zyys-detail_zyys {
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    width: 100%
}

@media (max-width:1280px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys .gird-cell_zyys-detail_zyys {
        font-size: 14px
    }
}

@media (max-width:768px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys .gird-cell_zyys-detail_zyys {
        width: 60%;
        margin: auto
    }
}

@media (max-width:480px) {
    .contcent_zyys .tab-section_zyys .gird-box_zyys .gird-cell_zyys .gird-cell_zyys-detail_zyys {
        width: 80%;
        margin: auto
    }
}

.contcent_zyys .contcent_zyys-logo {
    position: relative;
    z-index: 1;
    padding: 130px 0 100px
}

@media (max-width:1280px) {
    .contcent_zyys .contcent_zyys-logo {
        padding: 82px 0 100px
    }
}

@media (max-width:768px) {
    .contcent_zyys .contcent_zyys-logo {
        padding: 82px 0 74px
    }
}

.contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-title {
    margin-bottom: 120px
}

@media (max-width:1280px) {
    .contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-title {
        margin-bottom: 104px
    }
}

@media (max-width:768px) {
    .contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-title {
        margin-bottom: 88px;
        padding: 0 20px
    }
}

.contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-title span {
    position: relative
}

.contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-title span .title-bg {
    right: -77px;
    bottom: -16px;
    position: absolute;
    width: 44px;
    height: 66px;
    background: url('../img/spot.svg') center no-repeat
}

@media (max-width:479px) {
    .contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-title span .title-bg {
        display: none
    }
}

@media (max-width:768px) {
    .contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-img {
        height: 289px;
        padding-right: 0
    }
}

.contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-img>img {
    width: 100%
}

@media (max-width:768px) {
    .contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-img>img {
        display: none
    }
}

.contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-img .contcent_zyys-logo-img-mobile {
    position: relative;
    width: 100%;
    height: 100%
}

@media (min-width:769px) {
    .contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-img .contcent_zyys-logo-img-mobile {
        display: none
    }
}

.contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-img .contcent_zyys-logo-img-mobile img {
    position: absolute;
    height: 289px
}

.contcent_zyys .contcent_zyys-logo .contcent_zyys-logo-img .contcent_zyys-logo-img-mobile img:nth-child(2) {
    left: var(--leftWidth)
}

.contcent_zyys .contcent_zyys-logo .toLeft {
    animation: toLeft linear 20s infinite
}

@keyframes toLeft {
    100% {
        transform: translateX(calc(var(--leftWidth) * -1))
    }
}

.contcent_zyys .tab-section_zyys-img {
    position: absolute;
    top: 560px;
    right: -130px;
    height: 400px;
    width: 400px;
    background: url('../img/circle.svg') center no-repeat
}

@media (max-width:1280px) {
    .contcent_zyys .tab-section_zyys-img {
        right: -220px;
        top: 480px
    }
}

@media (max-width:768px) {
    .contcent_zyys .tab-section_zyys-img {
        display: none
    }
}

.contcent_zyys .triangle-img {
    position: absolute;
    bottom: 94px;
    left: -150px;
    background: url(../img/triangle.svg) center no-repeat;
    height: 291px;
    width: 300px
}

@media (max-width:1280px) {
    .contcent_zyys .triangle-img {
        display: none
    }
}




/*# sourceMappingURL=./home.css.map */